<template>
	<view class="">
		<view class="charts-box">
			<qiun-data-charts type="pie" :chartData="chartData"  />
		</view>

		<view class="charts-box">
		  <!-- 此处改变的是 seriesTemplate 模板中的默认配置，不必每个series都传smooth:true，将会覆盖:chartData.series 实现更低的代码量 -->
		  <qiun-data-charts type="line" :opts="{extra:{line:{type:'curve'}}}" :eopts="{seriesTemplate:{smooth:true}}" 
		  :chartData="chartData2"/>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				chartData: {
					categories: [],
					series: [{
							"name": "发起账单",
							"data": 50
						},
						{
							"name": "支付账单",
							"data": 30
						}
					],
				},
				chartData2: {
					categories: [
						"周一",
						"周二",
						"周三",
						"周四",
						"周五",
						"周六",
						"周天"
					],
					series: [{
							"name": "目标值",
							"data": [
								35,
								36,
								31,
								33,
								13,
								31,
								33
							]
						},
						{
							"name": "完成量",
							"data": [
								0,
								27,
								21,
								24,
								0,
								21,
								24
							]
						}
					],
				},

			}
		},
		methods: {

		}
	}
</script>
<style scoped>
	.charts-box {
		width: 100%;
		height: 300px;
	}
</style>
